<template>
  <div class="AddHeader">
    <el-button
      type="primary"
      class="addBtn"
      @click="showAddRoleDialog"
      v-has="129"
      :disabled="!$store.state.btn_permission.includes('129')"
      >添加角色</el-button
    >
    <!-- dialog -->
    <add-role-dialog></add-role-dialog>
  </div>
</template>

<script>
import AddRoleDialog from "./Dialog/AddRoleDialog.vue";

export default {
  name: "AddHeader",
  data() {
    return {};
  },
  components: { AddRoleDialog },
  methods: {
    showAddRoleDialog() {
      this.$bus.$emit("visibleAddRoleDialog", true);
    },
  },
};
</script>

<style  scoped>
.AddHeader {
  padding: 17px 20px;
}
</style>
